<div (click)="propagationHandle($event)">
    <el-input [class]="'el-date-editor ' + 'el-date-editor--' + type" [readonly]="!editable || readonly"
        [disabled]="disabled" [size]="size" [placeholder]="placeholder"
        [model]="model" (clear)="iconClickHandle($event)" (modelChange)="changeHandle($event)"
        (icon-mouseenter)="iconMouseActionHandle(true)" (icon-mouseleave)="iconMouseActionHandle(false)"
        (focus)="focusHandle()" [clearable]="clearable"> 
        <ng-template #prefix>
            <i slot="prefix"  class="el-input__icon el-icon-date"   > </i>
        </ng-template>
    </el-input>
    <el-date-picker-panel [show]="showPanelPicker" [hidden-day]="hiddenDay" [panel-absolute]="panelAbsolute"
        [panel-index]="panelIndex" [width]="panelWidth" [model]="value" (modelChange)="dateChangeHandle($event)">
    </el-date-picker-panel>
</div>